<!DOCTYPE html>
<html lang="en">

	<include file="Public:header" />
	<include file="Public:page_css" />
 
	<body class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden">

		<include file="Public:nav" />
		<div class="row wrapper border-bottom white-bg page-heading">
            <div class="col-lg-12">
                <h2>家族图谱</h2>
                <ol class="breadcrumb">
                    <li>
                        <a href="{:U('Index/index')}"><i class="fa fa-home"></i> 主页</a>
                    </li>
                    <li>会员管理</li>
                    <li><strong>家族图谱</strong></li>
                </ol>
            </div>              
        </div>
        <br />
		<link rel="stylesheet" type="text/css" media="all" href="__PUBLIC__/sldate/daterangepicker-bs3.css" />
		<script src="__PUBLIC__/Admin/js/jquery.min.js"></script>	
		<script type="text/javascript" src="__PUBLIC__/sldate/moment.js"></script>
		<script type="text/javascript" src="__PUBLIC__/sldate/daterangepicker.js"></script>
		<script type="text/javascript">
               $(document).ready(function() {
                  $('#reservation').daterangepicker(null, function(start, end, label) {
                    console.log(start.toISOString(), end.toISOString(), label);
                  });
               });
        </script>
        <div class="row">
			<!-- <div class="col-sm-12">							    				  
			    <form  class="form-search" method="post" action="">
					<div  class="col-sm-2">
						<div class="input-group" style="width: 240px">	
						<span class="input-group-addon"><i class="fa fa-calendar"></i></span>							
							<input type="text" class="form-control" name="reservation" id="reservation" class="sl-date" value="{$s}" placeholder="点击选择注册日期范围"/>	
						</div>
					</div>
					<div class="col-sm-3">
						<div class="input-group">
							<input type="text" name="key" id="key" class="form-control" value="{$val}" placeholder="输入需查询的用户名" />	
							<span class="input-group-btn"> 
				            	<button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> 搜索</button> 
				            </span>
						</div>
					</div>
				</form>			   			    
			</div> -->
		</div>		
		
		<br />
		<div class="row" style="font-size:9pt;">

		
			<ul id="treeDemo" class="ztree"></ul>
	


		</div>
	<script type="text/javascript" src="__PUBLIC__/Common/laytpl/laytpl.js"></script>
	<script type="text/javascript" src="__PUBLIC__/Common/laypage/laypage.js"></script>
	<link rel="stylesheet" href="__PUBLIC__/Common/tree/css/zTreeStyle.css" type="text/css">
	
	<script type="text/javascript" src="__PUBLIC__/Common/tree/js/jquery.ztree.core.js"></script> 	

   <script type=text/javascript>
	
	var setting = {
			view: {
				dblClickExpand: false,
				showLine: false
			},
			data: {
				simpleData: {
					enable: true
				}
			},
			callback: {
				onClick: onClick
			}
		};
		var zNodes =[
			{ id:1, pId:0, name:"父节点1 - 展开", open:true},
			{ id:11, pId:1, name:"父节点11 - 折叠"},
			{ id:111, pId:11, name:"叶子节点111"},
			{ id:112, pId:11, name:"叶子节点112"},
			{ id:113, pId:11, name:"叶子节点113"},
			{ id:114, pId:11, name:"叶子节点114"},
			{ id:12, pId:1, name:"父节点12 - 折叠"},
			{ id:121, pId:12, name:"叶子节点121"},
			{ id:122, pId:12, name:"叶子节点122"},
			{ id:123, pId:12, name:"叶子节点123"},
			{ id:124, pId:12, name:"叶子节点124"},
			{ id:13, pId:1, name:"父节点13 - 没有子节点", isParent:true},
			{ id:2, pId:0, name:"父节点2 - 折叠"},
			{ id:21, pId:2, name:"父节点21 - 展开", open:true},
			{ id:211, pId:21, name:"叶子节点211"},
			{ id:212, pId:21, name:"叶子节点212"},
			{ id:213, pId:21, name:"叶子节点213"},
			{ id:214, pId:21, name:"叶子节点214"},
			{ id:22, pId:2, name:"父节点22 - 折叠"},
			{ id:221, pId:22, name:"叶子节点221"},
			{ id:222, pId:22, name:"叶子节点222"},
			{ id:223, pId:22, name:"叶子节点223"},
			{ id:224, pId:22, name:"叶子节点224"},
			{ id:23, pId:2, name:"父节点23 - 折叠"},
			{ id:231, pId:23, name:"叶子节点231"},
			{ id:232, pId:23, name:"叶子节点232"},
			{ id:233, pId:23, name:"叶子节点233"},
			{ id:234, pId:23, name:"叶子节点234"},
			{ id:3, pId:0, name:"父节点3 - 没有子节点", isParent:true}
		];
		
		function onClick(e,treeId, treeNode) {
			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
			zTree.expandNode(treeNode);
		}

$(document).ready(function(){


	//$.fn.zTree.init($("#treeDemo"), setting, zNodes1);

var $reservation = $('#reservation').val();
var $key = $('#key').val();
   //alert($user1);
	$.ajax({
		type: "post",
		dataType : "json",
		global : false,
		url : "__MODULE__/Ajax/getTree",
		data : {
		//reservation : $reservation,
		userid : {$Think.get.userid}

		},
		success : function(data, textStatus) {
			if (data.status == 0)
			{
				zNodes1 = data.data;
				$.fn.zTree.init($("#treeDemo"), setting, zNodes1);
			} else {
				alert("沒有下级");
			}
			
			return ;
		}
		
	});
	
});



</script>
	<include file="Public:footer" />
	<script>
	function del(id) {
		$.post('{:U("deluser")}',
		  {id:id},
	function(data){
		if(data==1){
			layer.alert('删除成功', {icon: 6}, function(index){
            layer.close(index);
            window.location.reload();
            });
		}
	});
	}
	
</script>

	</body>

</html>

